<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQanimate4</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(document).ready(function () {
			$("button").click(function () {
				var div=$("div");
				div.animate({left:"500px"},"slow");
				div.animate({fontSize:"2em"},"slow")

			})

		})

	</script>
	<style>
		div{
			height: 200px;
			width: 200px;
			position: absolute;
			background: #98bf21 ;
		}
	</style>
</head>
<body>
<button>开始动画</button>
<p>默认情况下,所有的HTML元素的位置都是静态的,并且无法移动.如需对位置进行操作,记得首先把元素
	把css的position 属性设置为relative fixed 或obsolute</p>
<div>HELLO WORLD !</div>

</body>
</html>